<!--
 * @Author: 贾博林 11457230+jabolin@user.noreply.gitee.com
 * @Date: 2022-10-21 15:20:16
 * @LastEditors: 贾博林 11457230+jabolin@user.noreply.gitee.com
 * @LastEditTime: 2022-10-25 21:20:26
-->
<template>
  <div>
    <div id="main" style="width: 1200px;height:600px;"></div>
  </div>
</template>

<script>
import {reports} from '../http/reports/api'
import * as echarts from 'echarts';
export default {
  name:'reports',
  data () {
    return {
    };
  },

  components: {},

  computed: {},

  mounted(){
    var myChart = echarts.init(document.getElementById('main'));
    reports().then((res)=>{
      let {data} = res
      var options = data.data
      myChart.setOption(options);
    })
  },

  methods:{},
  watch: {},
  mixins: []
}

</script>
<style  scoped>
</style>